
.g-content {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .m-right-nr {
    min-width: 880px;
    height: auto;
    box-sizing: border-box;
    margin-left: 220px;
    padding: 25px 20px;
    background-color: #f9f9f9;
    #sms_code {
      width: 260px;
      margin-right: 10px;
    }
    #sendSmsCode {
      width: 260px;
      background: #1e74c6;
      color: #fff;
    }
    .row {
      margin: 0;
      padding: 0;
      .row > div {
        margin: 0;
        padding: {
          left: 0;
          right: 0;
        }
      }
    }
  }

  form {
    li {
      height: 40px;
      line-height: 40px;
      margin-bottom: 32px;
      label {
        width: 110px;
        text-align: right;
        i {
          color: #ff6000;
          margin-right: 3px;
        }
      }
      input, select {
        box-sizing: border-box;
        height: 100%;
        padding-left: 10px;
        width: 530px;
        border: 1px solid #ccc;
      }
      p {
        display: inline-block;
        margin-left: 10px;
      }
      button {
        width: 200px;
        height: 100%;
        border: none;
        text-align: center;
        background: #1e74c6;
        color: #fff;
        margin-left: 116px;
        font-size: 14px;
      }
    }
  }
}

@media screen and (max-width: 767px) {
  .m-right-nr {
    box-sizing: border-box;
    margin-left: 0;
    background-color: #f9f9f9;
    #sms_code {
      width: 49%;
      float: left;
      height: 100%;
    }
    #sendSmsCode {
      width: 49%;
      height: 100%;
      float: right;
      background: #1e74c6;
      color: #fff;
      border: none;
    }
    .row {
      margin: 0;
      padding: 0;
      .row > div {
        margin: 0;
        padding: {
          left: 0;
          right: 0;
        }
      }
    }
  }

  form {
    li {
      height: 40px;
      line-height: 40px;
      margin-bottom: 32px;
      input, select {
        box-sizing: border-box;
        height: 100%;
        padding-left: 10px;
        width: 100%;
      }
      p {
        display: block;
        margin-left: 10px;
        line-height: 32px;
      }
      button {
        width: 100%;
        height: 100%;
        border: none;
        text-align: center;
        background: #1e74c6;
        color: #fff;
        font-size: 14px;
      }
    }
  }
}

.m-right-nr {
  > div {
    background: #fff;
    padding: 28px 25px;
    > h2 {
      padding-left: 20px;
      height: 40px;
      line-height: 40px;
      background: #f9f9f9;
      font-size: 16px;
      span {
        border-left: 3px solid #339bfe;
        padding: 0 5px;
      }
    }
    > p {
      color: #ff6000;
      line-height: 22px;
      margin-top: 20px;
    }
  }
}

.u-ts {
  color: #f00;
}

table {
  .active td {
    background-color: #f8f8f8 !important;
  }
  border: 1px solid #e1e6eb;
}

td {
  a {
    background-color: coral;
  }
}

.table-responsive {
  th, td {
    padding: 15px !important;
  }
  td > a {
    padding: 5px 10px;
    background: coral;
    color: #fff;
  }
}

